<template>
<!-- 
  vue文件是vue框架中独有有文件类型，
  我们的代码基本上都是写在这个种文件上的（当然也是有css和js文件的)
  template标签相当于原生html文件中的body标签，里面就是用于写页面结构的
 -->
  <div id="app">
    666
  </div>
</template>

<script>
// script标签中用于写js代码 和原生html文件中的script一样的作用
import HelloWorld from './components/HelloWorld.vue'
console.log(777);
export default {
  name: 'App',
  components: {
    HelloWorld
  }
}
</script>

<style>
/* 
style标签是用于写样式的，和原生html文件中的style标签是一样的作用
*/
#app {
  background: skyblue;
}
</style>
